<template>
<div class="news">
  <div class="titleRow">
    <h1>新闻动态</h1>
    <p>LATEST NEWS</p>
  </div>
  <div class="des">
    <a href="#">
      <div class="newsItem flex">
        <div class="time textAlignCenter">
          <p>16</p>
          <span>2020.12</span>
        </div>
        <div class="title marginAuto0">
          清华大学2020年招生新变化
        </div>
      </div>
    </a>
    <el-divider></el-divider>
    <a href="#">
      <div class="newsItem flex">
        <div class="time textAlignCenter">
          <p>16</p>
          <span>2020.12</span>
        </div>
        <div class="title marginAuto0">
          清华大学2020年招生新变化
        </div>
      </div>
    </a>
    <el-divider></el-divider>
    <a href="#">
      <div class="newsItem flex">
        <div class="time textAlignCenter">
          <p>16</p>
          <span>2020.12</span>
        </div>
        <div class="title marginAuto0">
          清华大学2020年招生新变化
        </div>
      </div>
    </a>
    <el-divider></el-divider>
  </div>
  <div class="info flex flex-column flex-center">
    <div class="text">
      <h2>信息公开</h2>
      <p>INFO</p>
    </div>
  </div>
</div>
</template>

<script>
import Vue from 'vue'
import {Divider} from 'element-ui'
Vue.use(Divider)
export default {
name: "news"
}
</script>

<style lang="less" scoped>
.news{
  box-sizing: border-box;
  width: 20.6rem;
  border-top: #7940bf solid 2px;
  border-left: #eaecec solid 1px;
  border-right: #eaecec solid 1px;
  min-height: 3.47rem;
  .titleRow{
    padding: 1rem 1.8rem;
    h1{
      font-weight: 400;
      font-size: 1.2rem;
      line-height: 1.8rem;
      color: #6d6d6d;
      //font-family: Arial, "微软雅黑";
    }
    p{
      font-size: .14rem;
      color: #6d6d6d;
      text-transform: uppercase;
      font-family: 'raleway';
      font-weight: 400;
    }
  }
  .des{
    padding: 0 1.8rem;
    .newsItem{
      padding: 1rem 0;
      .time{
        margin-right: 1rem;
        p{
          font-size: 1.8rem;
        }
        span{
          font-size: .72rem;
        }
      }
      .title{
        font-size: .96rem;
        line-height: 1.44rem;
        //color: #6d6d6d;
      }
    }
  }
  .info{
    height: 6rem;
    background: url("../../../../assets/img/home/info.png") no-repeat;
    background-size: cover;
    .text{
      margin-left: 3rem;
      h2{
        font-weight: 400;
        font-size: 1.44rem;
        color: #fff;
      }
      p{
        font-size: .72rem;
        color: #fff;
      }
    }

  }
}
a:link {color: #413d3d;}
a:visited {color: #413d3d;}
a:hover {color: #252586;}
a:active {}
.el-divider{
  margin: 0;
}
</style>